<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/css/comunEstilo.css" rel="stylesheet" type="text/css"  />
<link href="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/css/tablaEstilo.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/css/opcionEstilo.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/css/formularioEstilo.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/css/mensajeEstilo.css" rel="stylesheet" type="text/css" />
<script src="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/js/jquery/jquery-1.4.4.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/js/comunJs.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/js/tablaJs.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/js/opcionJs.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/js/formularioJs.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/js/mensajeJs.js" charset="UTF-8"></script>
<style type="text/css">
	.divCuerpoFormularioRegistrarArchivo
	{
		width: 100%;
		text-align: left;
	}
	
	.fuenteFormularioRegistrarArchivo
	{
		font-size: 0.8em;
	}
	
	#flArchivo
	{
		height: 0.45em;
		width: 1.65em;
		top: -0.50em;
	}
	
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
	$("#divOpcionesFormularioRegistrarArchivo").opcionDefecto1();
	$("#divFormularioRegistrarArchivo").formularioDefecto1();
	
	$("#flArchivoDM").click(function(){
		$(this).val($("#flArchivo").val());
	});
	
	$("#flArchivo").change(function(){
		$("#flArchivoDM").val($(this).val());
	}).hover( 
		function () { 
			$("#spArchivoFormularioRegistrarArchivo").css("text-decoration", "underline");
		}, 
		function () { 
			$("#spArchivoFormularioRegistrarArchivo").css("text-decoration", "none");
		} 
	);
	
	$("#frmFormularioRegistrarArchivo").submit(function(){
		var sbMensaje = new StringBuffer();
		var blError = false;
		if($.trim($("#strIdentificadorArchivo").val()).length<=0){
			sbMensaje.append("Ingrese un Identificador. <br/>");
			blError = true;
		}
		if($.trim($("#flArchivo").val()).length<=0){
			sbMensaje.append("Especifique un Archivo. <br/>");
			blError = true;
		}
		
		if(!blError){
			$("#btnRegistrarArchivoFormularioRegistrarArchivo").attr("disabled",true);
			$("#btnRegistrarArchivoFormularioRegistrarArchivo").unbind("click");
			//$("#strIdentificadorArchivo").attr("disabled",true);
			//$("#flArchivo").attr("disabled",true);
			//$("#flArchivoDM").attr("disabled",true);
			$("#imgCargador1FormularioRegistrarArchivo").show();
			return true; 
		}else{
			mostrarMensajeFadeInOut("divMensajeFormularioRegistrarArchivo", generarMensaje(sbMensaje.toString(), {tipoMensaje : "informativo"}));
			return false;
		}
	});
}); 

</script>
</head>
<body>
	<div id="divCuerpoFormularioRegistrarArchivo" class="divCuerpoFormularioRegistrarArchivo">
		<div id="divMensajeFormularioRegistrarArchivo">
		</div>
		<div class="divEspacioAlto1Defecto"></div>
		<div id="divOpcionesFormularioRegistrarArchivo">
			<div>
				<div tipo="boton">
					<s:a action="act_cargar_formulario_consultar_archivo">
						<img alt="regresar al listado" src="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/imagenes/regresar.png" border="0" />
					</s:a>
				</div>
			</div>
			<!-- 
			<div>
				<div tipo="boton">
					<span>Eliminar</span>
				</div>
			</div> 
			-->
		</div>
		<div class="divEspacioAlto1Defecto"></div>
		<div  id="divFormularioRegistrarArchivo">
			<s:actionerror/>
			<s:actionmessage/>
			<form id="frmFormularioRegistrarArchivo" action="act_registrar_archivo_formulario_registrar_archivo" method="post" enctype="multipart/form-data" >
			
				<div tipo="etiqueta">
					<span>Identificador</span>
				</div>
				<div tipo="caja">
					<input type="text" id="strIdentificadorArchivo" name="strIdentificadorArchivo"  value="${strIdentificadorArchivo}"/>
				</div>
				<div tipo="etiqueta">
					<div>
						<!-- lo encierro en div para que sea un bloque y no se mueva al agregar el input file -->
						<span id="spArchivoFormularioRegistrarArchivo">[Archivo]</span>
					</div>
					<input type="file" id="flArchivo" name="flArchivo" />
				</div>
				<div tipo="caja">
					<input type="text" id="flArchivoDM" name="flArchivoDM" readonly="readonly" />
				</div>
				<div tipo="boton">
					<button id="btnRegistrarArchivoFormularioRegistrarArchivo" class="btnDefecto bordeRedondeado flotarIzquierda" type="submit" >
						Registrar Archivo
					</button>
					<img  id="imgCargador1FormularioRegistrarArchivo" class="imgCargadorDefecto flotarIzquierda" src="${pageContext.request.contextPath}/proyectoMaccSelvaCentral/imagenes/cargador.gif"  />
				</div>
			</form>
		</div>				
	</div>
	<s:if test="%{strResultadoFormularioRegistrarArchivo == null || strResultadoFormularioRegistrarArchivo.length() == 0 || strResultadoFormularioRegistrarArchivo.equals('NULL')}">
	</s:if>
	<s:elseif test="%{strResultadoFormularioRegistrarArchivo.equals('OK')}">
		<script type="text/javascript">
			mostrarMensajeFadeInOut("divMensajeFormularioRegistrarArchivo", generarMensaje("Archivo registrado correctamente.", {tipoMensaje : "exito"}));
		</script>
	</s:elseif>
	<s:else>
		<script type="text/javascript">
			mostrarMensajeFadeInOut("divMensajeFormularioRegistrarArchivo", generarMensaje("${strResultadoFormularioRegistrarArchivo}", {tipoMensaje : "informativo"}));
		</script>
	</s:else>
</body>
</html>